<div class="eb-combo-container vtrade-table-wrapper">
  <tab-list class="tab-list-gray" [listData]="tabList" [autoClickFirst]="true" (tabClick)="currentTab = $event"></tab-list>
  <div class="combo-wrapper">
    <stock-entrust *ngIf="currentTab?.key === 0"></stock-entrust>
    <div class="date-picker" *ngIf="currentTab?.key !== 0">
      <form #dateForm>
        查询日期
        <input type="date" name="start" [(ngModel)]="date.start" placeholder="20170101"> 到
        <input type="date" name="end" [(ngModel)]="date.end" placeholder="20170129">
        <button (click)="setDate(date)" [disabled]="dateOverflow(date) || invalidDate(date)">查询</button>
        <span class="warning" [hidden]="!dateOverflow(date)">查询周期不可大于30日</span>
        <span class="warning" [hidden]="!dateMisMatch(date)">查询日期设置无效</span>
      </form>
    </div>
    <div class="history-wrapper" *ngIf="currentTab?.key !== 0">
      <stock-entrust-history *ngIf="currentTab?.key === 1" [updateSource]="dateSource"></stock-entrust-history>
      <stock-business-history *ngIf="currentTab?.key === 2" [updateSource]="dateSource"></stock-business-history>
    </div>
  </div>
</div>